body {
  background-color: #f7f7f7;
}
.countheader {
  background-color: #f4483e;
}
.baicai-nav {
  width: 100%;
  height: 0.76rem /* 38/50 */;
  .ul-wrap {
    width: 100%;
    overflow: hidden;
    .tabs {
      width: 14.4rem /* 720/50 */;
      white-space: nowrap;
      li {
        background-color: #fff;
        float: left;
        height: 0.76rem /* 38/50 */;
        line-height: 0.76rem /* 38/50 */;
        white-space: nowrap;
        a {
          margin: 0 0.24rem /* 12/50 */;
          color: #000;
          display: inline-block;
          font-size: 0.28rem /* 14/50 */;
        }
      }
    }
  }
}
.baicai-content {
  padding-top: 0.1rem /* 5/50 */;
  ul {
    width: 100%;
    li {
      margin-top: 0.1rem /* 5/50 */;
      padding: 0.16rem /* 8/50 */ 0.1rem /* 5/50 */;
      background-color: #fff;
      a {
        color: #333;
        width: 100%;
        .pic {
          width: 2.7rem /* 135/50 */;
          height: 2.76rem /* 138/50 */;
          float: left;
          overflow: hidden;
          img {
            width: 100%;
          }
        }
        .info {
          width: 100%;
          height: 2.76rem;
          padding: 0.1rem /* 5/50 */;
          padding-left: 2.8rem;
          .tit {
            min-height: 0.56rem /* 28/50 */;
            max-height: 0.8rem /* 40/50 */;
            line-height: 1.5;
            font-weight: 400;
            text-align-last: left;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 0.28rem /* 14/50 */;
          }
          .price {
            font-size: 0.48rem /* 24/50 */;
            color: #fc353a;
            margin-top: 0.08rem /* 4/50 */;
            position: relative;
            width: 100%;
            height: auto;
            overflow: visible;
            del {
              text-decoration: line-through;
              font-size: 0.26rem /* 13/50 */;
              color: #a8a8a8;
              margin-left: 0.24rem /* 12/50 */;
              vertical-align: middle;
            }
          }
          .progress {
            margin-top: 0.4rem /* 20/50 */;
            height: 0.5rem /* 25/50 */;
            i {
              margin-top: 0.1rem /* 5/50 */;
              position: relative;
              box-sizing: border-box;
              width: 1.64rem /* 82/50 */;
              height: 0.28rem /* 14/50 */;
              border: 0.02rem /* 1/50 */ solid #fc353a;
              border-radius: 0.12rem /* 6/50 */;
              color: #fff;
              font-weight: 900;
              background: #ffb7b7;
              text-align: center;
              overflow: hidden;
              display: inline-block;
              span {
                font-size: 0.24rem /* 12/50 */;
                line-height: 0.22rem /* 11/50 */;
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
                position: absolute;
                top: 0;
                left: 0;
              }
              em {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                border-radius: 0.1rem /* 5/50 */;
                background: #fc353a;
                display: block;
                transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
                width: 34%;
              }
            }
            b {
              font-weight: 400;
              font-size: 0.24rem /* 12/50 */;
              vertical-align: 0.06rem /* 3/50 */;
              margin-left: 0.2rem /* 10/50 */;
              color: #fc353a;
            }
          }
          .links {
            .t {
              border: 0.02rem /* 1/50 */ dotted #e4393c;
              height: 0.52rem /* 26/50 */;
              line-height: 0.52rem /* 26/50 */;
              color: #e4393c;
              font-size: 0.24rem /* 12/50 */;
              padding: 0 0.1rem /* 5/50 */;
            }
            .b {
              height: 0.56rem /* 28/50 */;
              line-height: 0.56rem /* 28/50 */;
              background-color: #ff5e5d;
              color: #fff;
              border-radius: 0.08rem /* 4/50 */;
              border: 0.02rem /* 1/50 */ solid #ccc;
              padding: 0 0.06rem /* 3/50 */;
              font-size: 0.24rem /* 12/50 */;
            }
          }
        }
      }
    }
  }
}

footer {
  margin-top: 0.6rem /* 30/50 */;
}
